{% extends "page-twocol.html" %}
{% load kegweblib %}

{% block title %}
  keg {{ keg.seqn }} detail
{% endblock %}

{% block pagetitle %}
  keg {{ keg.seqn }} detail
{% endblock %}

{% block col-1 %}

<div class="kb-contentbox">
  <table border="0" class="kb-statstable" width="100%">
    <tr>
      <td><b>{{keg.type.name}}</b></td>
      <td valign="top" rowspan="5">
        {% include "kegweb/keg-image.html" %}
      </td>
    </tr>
    <tr>
      <td>{{keg.type.brewer}}</td>
    </tr>
    <tr>
      <td>
        <div style="color:#888;">{{keg.size.name}}</div>
      </td>
    </tr>
    {% if keg.description %}
    <tr><td>&nbsp;</td></tr>
    <tr>
      <td>
        <i>{{keg.description}}</i>
      </td>
    </tr>
    {% endif %}
  </table>
  <table border="0" class="kb-statstable">
    <tr>
      <th>Status</th>
      <td>
        {% ifequal keg.status "online" %}
        this keg is <b>online</b>, and is {{ keg.keg_age.days }}
        day{{keg.keg_age.days|pluralize}} old.
        <br/>
        it is
        {% if keg.is_empty %}
          <i>empty</i>.
        {% else %}
          <i>{{ keg.percent_full|floatformat:2 }}% full</i>.
        {% endif %}
        {% else %}
        this keg is <b>offline</b>; it lasted {{ keg.keg_age.days }}
        day{{keg.keg_age.days|pluralize}}.
        {% endifequal %}
      </td>
    </tr>

    <tr>
      <th>Pour Count</th>
      <td>
        {{ keg.drinks.valid.count }} pours by
        {% with keg.GetStats.registered_drinkers as drinkers %}
          {{ drinkers|length }} known drinker{{ drinkers|length|pluralize }}.
        {% endwith %}
      </td>
    </tr>

    <tr>
      <th>Sessions</th>
      <td>
        {{ keg.keg_session_chunks.all.count }} drinking sessions
      </td>
    </tr>

    <tr>
      <th>Pints Poured</th>
      <td>
        {{keg.served_volume.ConvertTo.Pint|floatformat:0}} pints
        {% if not keg.is_empty %}
          ({{keg.remaining_volume.ConvertTo.Pint|floatformat:0}} remain)
        {% endif %}<br/>
        {% chart keg_volume keg 340 60 %}
      </td>
    </tr>

    {% if keg.tap %}
    {% if keg.tap.temperature_sensor %}
    <tr>
      <th>Temperature</th>
      <td>
        {{ keg.tap.Temperature.TempC|floatformat:1}}&deg;C / 
        {{ keg.tap.Temperature.TempF|floatformat:1}}&deg;F<br/>
        {% chart sensor keg.tap.temperature_sensor 340 60 %}
      </td>
    </tr>
    {% endif %}
    {% endif %}

    <tr>
      <th>Pints by Weekday</th>
      <td>{% chart volume_by_day keg 340 100 %}</td>
    </tr>

    {% if keg.spilled_volume > 0 %}
    <tr>
      <th>Pints Spilled/Lost</th>
      <td>{{ keg.spilled_volume.ConvertTo.Pint|floatformat:2 }}</td>
    </tr>
    {% endif %}

  </table>

</div>

{% endblock col-1 %}

{% block col-2 %}
<div class="kb-contentbox-head">
  drinker breakdown
</div>
<div class="kb-contentbox">
  {% chart users_by_volume keg 350 250 %}
</div>
{% endblock col-2 %}

{% block extra-content %}

{% with keg.next as next %} {% with keg.previous as previous %}
{% if next or previous %}
<div style="font-size: 0.8em; text-align:center; margin-bottom:16px;">
  {% if previous %}
    <a href="{% url keg previous.seqn %}">&laquo; previous keg</a>
  {% endif %}
  {% if next and previous %}
  &mdash;
  {% endif %}
  {% if next %}
    <a href="{% url keg next.seqn %}">next keg &raquo;</a>
  {% endif %}
</div>
{% endif %}
{% endwith %} {% endwith %}

<div class="kb-main-content">

  <div class="kb-twocol-left">
    <div class="kb-contentbox-head">
       all sessions
    </div>
    <div class="kb-contentbox">
      <p/>
      {% for chunk in keg.keg_session_chunks.all %}
        {% with chunk.session as session %}
          {% include "kegweb/keg-session.html" %}
        {% endwith %}
      {% endfor %}
    </div>
  </div>

  <div class="kb-twocol-right">
    <div class="kb-contentbox-head">
       top drinkers
    </div>
    <div class="kb-contentbox">
      {% for volume,user in keg.TopDrinkers %}
        {% include "kegweb/volume-user.html" %}
      {% endfor %}
    </div>
  </div>

  <div class="clear">&nbsp;</div>
</div>

{% endblock extra-content %}
